UI/UX Design - Wine Time - Totem de auto atendimento

UX design ui design vinho wine Self Service Terminal totem de autoatendimento

Wine Time - UX/UI & Branding

Esse é um trecho da minha pesquisa de observação, por shadowing, no setor de bebidas de um supermercado. Assim como a Lana, muitos consumidores iniciantes ou leigos, têm muita dificuldade ao escolher uma bebida. Diferentemente de um aplicativo ou um site especializado, no supermercado o consumidor dispõe de informações muito limitadas para realizar a escolha.

Nesse contexto, o propósito desse projeto de UI/UX é a criação de uma ferramenta que auxilie o consumidor leigo na escolha de um vinho, no contexto do supermercado.

“Mas para quê, se já existem diversos aplicativos específicos para a compra de vinhos online?”, você pode estar se perguntando.

Após realizar um benchmarking, eu constatei que o público alvo desses aplicativos são consumidores mais experientes e exigentes. Dessa forma, há um gap para o consumidor leigo que não quer fazer uma assinatura, apenas quer comprar esporadicamente, especialmente em lojas físicas. É nesse gap que se concentra o projeto.

Para que o produto proposto de fato ajudasse o meu usuário, eu precisava responder 2 perguntas:

1. Qual o perfil do consumidor de vinho no Brasil?

2. Quais as características da bebida que são consideradas por eles ao escolher?

Eu respondi essas perguntas a partir de 2 métodos: uma pesquisa quantitativa, via forms, e uma desk research. A partir das pesquisas consegui ver com mais clareza quem era o meu usuário e que informações eu precisaria para poder recomendar uma bebida de maneira alinhada com as expectativas. Assim, montei uma matriz CSD para direcionar o projeto.

Como é de se esperar de um projeto de UX/UI design, foram feitas personas e jornadas de usuário para auxiliar no processo de ideação da solução. A título de exemplificação, eu lhes apresento a Rebecca, uma das personas, sua jornada e o seu mapa de empatia.

A partir do entendimento das necessidades da Rebecca e das outras personas, foi possível dar início ao processo de ideação, que compreendeu várias metodologias de criação, cabendo citar o brainstorm e o 5 Why’s.

De maneira simplificada, o user flow principal do produto consiste em:

Ou seja, a solução proposta seria um totem de auto atendimento que ficaria disposto no setor de bebidas do supermercardo. Ao interagir com ele, seriam feitas perguntas diretas e simples aos usuários para detectar as suas preferências, e a partir desses inputs o sistema buscaria no banco de dados as 3 opções de vinhos mais alinhadas com as expectativas do usuário.

Além da função principal, eu inseri também duas funções secundárias:

-Verifique este vinho. Nesta função o usuário pode pegar uma garrafa diretamente do supermercado e checar as principais informações do vinho, tais como tipo, harmonizações, país de origem, taça etc, a partir do código de barras do produto.

-Explorar. Essa funcionalidade mostra rankings dos mais comprados, melhores promoções e os que receberam melhores avaliações.

Com o fluxo pronto, eu produzi o protótipo de baixa fidelidade interativo no figma. Depois, eu convidei três dos participantes da pesquisa quantitativa citada anteriormente para testar o protótipo. Eles ofereceram feedbacks valiosos para o aprimoramento da solução.

O teste de usabilidade foi realizado de maneira remota por chamada de vídeo. Os participantes tinham algumas missões simples para realizar, como conseguir uma recomendação de vinho para uma determinada situação, por exemplo.

Dentre os apontamentos realizados por eles, destaco a ordem das telas, que foi modificada, tamanho da área de clique, troca de alguns termos técnicos por termos mais simples, além da inclusão de tooltips no protótipo.

Após os aprimoramentos, o protótipo funcional interativo em alta fidelidade pôde ser finalizado. Ao todo foram 27 telas produzidas. O projeto também contou com ilustrações próprias e microinterações.

Logo

O naming escolhido para este produto digital foi Wine Time. Os principais conceitos para criação dessa marca foi exclusividade, elegância, tradição e atemporalidade.Para o símbolo do logo, a principal inspiração foi a própria taça de vinho.Também foi feito um lettering para deixar essa logo ainda mais exclusiva.

Resultado:

Cores

O Azul é uma cor pouco explorada nesse universo do vinho. Dessa forma, sua utilização como cor principal é uma chance de diferenciação para a marca. Além disso, ele orna harmonicamente com os tons roxo, o que vai garantir uma composição coerente.

Tipografia

Mirador Bold

Mirador é uma fonte neoclássica, contemporânea , e de alto contraste. Ela traduz muito bem os conceitos elegância, tradição e atemporalidade. Sua utilização é restrita a títulos curtos que mereçam grande destaque.

Crimsom Pro

Crimson Pro é uma família de fontes serifadas: Contemporânea, clara, clássica e arredondada. Sua utilização nesse UI Kit pode ser usada para textos corridos ou títulos longos. No caso de texto corrido deve ser utilizado a fonte regular, já para títulos, use a fonte bold. Variações como itálico, pode ser usado em casos excepcionais.

Ilustrações

A interface, de maneira proposital, tenta deixar a experiência mais lúdica e leve, já que muitos usuários destacaram ( na pesquisa quantitativa) o estresse e a chatice de ter que ir fazer compras no supermercado. Asim, desenvolvi ilustrações, dentro da identidade da marca, para deixar o produto mais marcante. Essas ilustrações complementam as informações deixando as mais visuais e dinâmicas.

UI KIT

Para escalonar a produção das telas eu criei componentes básicos, como botões, breadcrumbs, paginação, cards; e outros não tão básicos, como animações para loading e tooltips.

Grid

A grid aplicada é de 24 colunas com 20 de gap.

Pixel Perfect

Todas as telas foram cuidadosamente adaptadas para seguir o princípio do pixel perfect design.

Conclusão

Um levantamento mostrou que entre agosto de 2015 e março de 2016, as vendas de vinhos nos supermercados cresciam acima de 10%. No entanto, em julho do mesmo ano, elas subiram apenas 2,4%. Esse padrão tem se repetido ao longo dos anos. Enquanto isso, a compra de bebidas em plataformas online só crescem.

Dessa forma, a solução proposta pode ser um fator diferencial para o consumidor, tornando o setor de bebidas do supermercado mais competitivo no atual cenário.

Além disso, seria uma atração a parte, atraindo curiosos e criando desejo de consumo.

Muito obrigada por acompanhar o meu trabalho!